<!--
 * @Author: 周洋 1430536748@qq.com
 * @Date: 2024-08-22 13:54:29
 * @LastEditors: 周洋 1430536748@qq.com
 * @LastEditTime: 2024-08-22 14:54:56
 * @version: 1.2.5
 * @Description: 
-->
<script setup lang="ts">
import { props } from './props.ts';
import { AlignEnum, ModeEnum } from '@/enum/index'
const { detailsData, Items } = defineProps(props)
</script>
<template>
    <el-descriptions :title="title" :border="border" :column="column" :direction="direction">
        <template v-for="item in Items">
            <!-- input -->
            <el-descriptions-item v-if="item.mode == ModeEnum.INPUT" :label="item.label" :span="item.span" :align="align"
                :label-align="labelAlign">
                {{ detailsData[item.prop] }}
            </el-descriptions-item>
        </template>
    </el-descriptions>
</template>
